<template>
  <div class="containerWrap">
    <el-row>
      <el-col :span="12">

        <div>评论人列表</div>
        <div>
          <el-table
            :data="tableData"
            stripe
            style="width: 100%">
            <el-table-column
              prop="name"
              label="评论人ID">
            </el-table-column>
            <el-table-column
              prop="address"
              label="昵称">
            </el-table-column>
            <el-table-column
              prop="address"
              label="头像">
            </el-table-column>
            <el-table-column
              prop="address"
              label="操作">
              <template slot-scope="scope">
                <el-button type="info" size="small" @click="selectUser">编辑评论人</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
      <el-col :span="12">
        <div>评论人管理</div>
        <el-form class="demo-form-inline" label-width="100px">
          <el-form-item label="评论人昵称">
            <el-input placeholder=""></el-input>
          </el-form-item>
          <el-form-item label="评论人头像">
            <el-input type='textarea' placeholder=""></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="saveUser">保存评论人信息</el-button>
  </span>

      </el-col>
    </el-row>
  </div>
</template>


<script>
  export default {
    data () {
      return {
        tableData: [{'id': 1}]
      };
    },
    methods: {
      // 关键字搜索
      saveUser () {
        alert('保存评论人');
      },
      selectUser () {
        alert('选择评论人');
      }
    },
    components: {},
    created: function () {
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
